<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<title>检验监管服务自助平台</title>
<link id="theme" rel="stylesheet" type="text/css"
	href="../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../css/themes/demo.css">
<link rel="stylesheet" type="text/css" href="../css/menu.css">
<link href="../css/facybox/facybox.css" media="screen" rel="stylesheet"
	type="text/css" />
<link href="../css/facybox/faceplant.css" media="screen"
	rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/datagrid-detailview.js"></script>
<script type="text/javascript" src="../js/facybox.js"></script>
<script type="text/javascript" src="../js/menu.js"></script>
<script type="text/javascript" src="../js/zizhu.js"></script>
<script type="text/javascript">
function addDataGrid(id) {
    var target = '#' + id;
    if (id == 'car_info') {
        $(target).datagrid({
            //定义可折叠的详细试图
            //view : detailview,
            //数据源
            url: '../servlet/GetCarInfo',
            //只能选择一列
            singleSelect: true,
            //排序的列
            //sortName : 'nickname',
            //排序的方式
            //sortOrder : 'desc',
            //显示行号
            rownumbers: true,
            //自适应列
            fitColumns: true,
            //每行的格式
            detailFormatter: function(index, row) {
                return '<div class="ddv" style="padding:5px 0"></div>';
            },
            toolbar: [{
                text: '处理',
                iconCls: 'icon-edit',
                handler: function() {
                    update_car_info(target);
                }
            }],
            //表头
            columns: [[{
                field: 'hpzl',
                title: '号牌种类',
                width: 10
            },
            {
                field: 'fzjg',
                title: '发证机关',
                sortable: true,
                width: 20
            },
            {
                field: 'hphm',
                title:<%String role = (String) session.getAttribute("role");
			if (role.equals("0")) {
				out.println("'流水号'");
			} else {
				out.println("'号牌号码'");
			}%>,
				width : 60
            },
            {
                field: 'jkid',
                title: '类别',
                width: 60
            }]],
            onLoadError: function() {
                loadErr();
            },
            onLoadSuccess: function(data) {
                if (data.total > 100) { //数据量大，隐藏处理功能
                    $(target).datagrid('getPanel').children('div.datagrid-toolbar').hide();
                    slide('提示', '待处理数据太多，请联系管理员检查边界、代理服务器、综合平台！');
                } else {
                    $(target).datagrid('getPanel').children('div.datagrid-toolbar').show();
                }

            }
        });

		} else if (id == 'car_result') {
			$(target)
					.datagrid(
							{
								//定义可折叠的详细试图
								//view : detailview,
								//数据源
								url : '../servlet/GetCarResult',
								//只能选择一列
								singleSelect : true,
								//排序的列
								//sortName : 'nickname',
								//排序的方式
								//sortOrder : 'desc',
								//显示行号
								rownumbers : true,
								//自适应列
								fitColumns : true,
								//每行的格式
								detailFormatter : function(index, row) {
									return '<div class="ddv" style="padding:5px 0"></div>';
								},
								toolbar : [ {
									text : '处理',
									iconCls : 'icon-edit',
									handler : function() {
										update_car_result(target);
									}
								} ],
								//表头
								columns : [ [ {
									field : 'hpzl',
									title : '号牌种类',
									width : 10
								}, {
									field : 'fzjg',
									title : '发证机关',
									sortable : true,
									width : 20
								}, {
									field : 'hphm',
									title : '号牌号码',
									width : 60
								}, {
									field : 'ztbj',
									title : '业务类型',
									width : 60,
									formatter: function(value,row,index){
										if (value=='4'){
											return '新车';
										} else {
											return '在用车';
										}
									}
								} ] ],
								onLoadError : function() {
									loadErr();
								},
								onLoadSuccess : function(data) {
									if (data.total > 50) {//数据量大，隐藏处理功能
										$(target).datagrid('getPanel')
												.children(
														'div.datagrid-toolbar')
												.hide();
										slide('提示',
												'待处理数据太多，请联系管理员检查边界、代理服务器、综合平台！');
									} else {
										$(target).datagrid('getPanel')
												.children(
														'div.datagrid-toolbar')
												.show();
									}

								}
							});

			slide('提示', '请只处理需要综合平台无返回的数据，勿多处理！');

		} else if (id == 'car_print') {
			$(target)
					.datagrid(
							{
								//定义可折叠的详细试图
								//view : detailview,
								//数据源
								url : '../servlet/GetCarPrint',
								//只能选择一列
								singleSelect : true,
								//排序的列
								//sortName : 'nickname',
								//排序的方式
								//sortOrder : 'desc',
								//显示行号
								rownumbers : true,
								//自适应列
								fitColumns : true,
								//每行的格式
								detailFormatter : function(index, row) {
									return '<div class="ddv" style="padding:5px 0"></div>';
								},
								toolbar : [ {
									text : '处理',
									iconCls : 'icon-edit',
									handler : function() {
										update_car_print(target);
									}
								} ],
								//表头
								columns : [ [ {
									field : 'hpzl',
									title : '号牌种类',
									width : 10
								}, {
									field : 'fzjg',
									title : '发证机关',
									sortable : true,
									width : 20
								}, {
									field : 'hphm',
									title : '号牌号码',
									width : 60
								}, {
									field : 'dylx',
									title : '打印类型',
									width : 60
								} ] ],
								onLoadError : function() {
									loadErr();
								},
								onLoadSuccess : function(data) {
									if (data.total > 50) {//数据量大，隐藏处理功能
										$(target).datagrid('getPanel').children('div.datagrid-toolbar').hide();
										slide('提示','待处理数据太多，请联系管理员检查边界、代理服务器、综合平台！');
									} else {
										$(target).datagrid('getPanel').children('div.datagrid-toolbar').show();
									}

								}
							});
			slide('提示', '本功能开发中！');
		} else if (id == 'req_ready') {
			$(target).datagrid({
				//定义可折叠的详细试图
				//view : detailview,
				//数据源
				url : '../servlet/GetCarReq',
				//只能选择一列
				singleSelect : true,
				//排序的列
				//sortName : 'nickname',
				//排序的方式
				//sortOrder : 'desc',
				//显示行号
				rownumbers : true,
				//自适应列
				fitColumns : true,
				//每行的格式
				detailFormatter : function(index, row) {
					return '<div class="ddv" style="padding:5px 0"></div>';
				},
				toolbar : [ {
					text : '处理',
					iconCls : 'icon-edit',
					handler : function() {
						update_car_req(target);
					}
				} ],
				//表头
				columns : [ [ {
					field : 'hpzl',
					title : '号牌种类',
					width : 10
				}, {
					field : 'fzjg',
					title : '发证机关',
					sortable : true,
					width : 20
				}, {
					field : 'hphm',
					title : '流水号',
					width : 60
				}, {
					field : 'jkid',
					title : '类别',
					width : 60
				} ] ],
				onLoadError : function() {
					loadErr();
				}
			});

		} else if (id == 'car_arc') {
			$(target).datagrid({
				//定义可折叠的详细试图
				//view : detailview,
				//数据源
				url : '../servlet/GetCarArc',
				//只能选择一列
				singleSelect : true,
				//排序的列
				//sortName : 'nickname',
				//排序的方式
				//sortOrder : 'desc',
				//显示行号
				rownumbers : true,
				//自适应列
				fitColumns : true,
				//每行的格式
				detailFormatter : function(index, row) {
					return '<div class="ddv" style="padding:5px 0"></div>';
				},
				toolbar : [ {
					text : '处理',
					iconCls : 'icon-edit',
					handler : function() {
						alert('请在监管系统中归档！');
					}
				} ],
				//表头
				columns : [ [ {
					field : 'jczmc',
					title : '检测站名称',
					width : 50
				}, {
					field : 'hpzl',
					title : '号牌种类',
					width : 10
				}, {
					field : 'fzjg',
					title : '发证机关',
					sortable : true,
					width : 20
				}, {
					field : 'hphm',
					title : '号牌号码',
					width : 60
				}, {
					field : 'dysj',
					title : '打印时间',
					width : 60
				} ] ],
				onLoadError : function() {
					loadErr();
				}
			});

			slide('提示', '请务必在今天归档！');
		} else if (id == 'car_reject') {
			$(target).datagrid(
							{
								//定义可折叠的详细试图
								//view : detailview,
								//数据源
								url : '../servlet/GetCarReject',
								//只能选择一列
								singleSelect : true,
								//排序的列
								//sortName : 'nickname',
								//排序的方式
								//sortOrder : 'desc',
								//显示行号
								rownumbers : true,
								//自适应列
								fitColumns : true,
								//每行的格式
								detailFormatter : function(index, row) {
									return '<div class="ddv" style="padding:5px 0"></div>';
								},
								toolbar : [ {
									text : '处理',
									iconCls : 'icon-edit',
									handler : function() {
										update_car_info(target);
									}
								}
								<%if (role.equals("-2")) {//关闭退办功能，所有人不可用
				out.println(", '-', {");
				out.println("text : 'pda无法退办处理',");
				out.println("iconCls : 'icon-edit',");
				out.println("handler : function() {");
				out.println("update_car_reject();");
				out.println("}");
				out.println("}");
			}%>
								],
								//表头
								columns : [ [ {
									field : 'hphm',
									title : '接口类型',
									width : 60
								}, {
									field : 'fzjg',
									title : '功能',
									width : 60
								} ] ],
								onLoadError : function() {
									loadErr();
								},
								onLoadSuccess : function(data) {
									if (data.total > 20) {//数据量大，隐藏处理功能
										$(target).datagrid('getPanel')
												.children(
														'div.datagrid-toolbar')
												.hide();
										slide('提示',
												'待处理数据太多，请联系管理员检查边界、代理服务器、综合平台！');
									} else {
										$(target).datagrid('getPanel')
												.children(
														'div.datagrid-toolbar')
												.show();
									}

								}
							});
		} else if (id == 'car_warn') {
			$(target).datagrid(
					{
						//定义可折叠的详细试图
						//view : detailview,
						//数据源
						url : '../servlet/GetCarWarn',
						//只能选择一列
						singleSelect : true,
						//排序的列
						//sortName : 'nickname',
						//排序的方式
						//sortOrder : 'desc',
						//显示行号
						rownumbers : true,
						//自适应列
						fitColumns : true,
						//每行的格式
						detailFormatter : function(index, row) {
							return '<div class="ddv" style="padding:5px 0"></div>';
						},
						//表头
						columns : [ [ {
					field : 'lsh',
					title : '检验流水号',
					width : 40
				}, {
					field : 'hpzl',
					title : '号牌种类',
					width : 20
				}, {
					field : 'fzjg',
					title : '发证机关',
					sortable : true,
					width : 20
				}, {
					field : 'hphm',
					title : '号牌号码',
					width : 40
				}, {
					field : 'yjms',
					title : '预警内容',
					width : 100
				}, {
					field : 'gxsj',
					title : '预警时间',
					width : 60
				} ] ],
						onLoadError : function() {
							loadErr();
						},
						onLoadSuccess : function(data) {
							if (data.total > 0) {//数据量大，隐藏处理功能
								$(target).datagrid('getPanel')
										.children(
												'div.datagrid-toolbar')
										.hide();
								slide('提示',
										'有异常预警，请查明原因整改！');
							} else {
								$(target).datagrid('getPanel')
										.children(
												'div.datagrid-toolbar')
										.show();
							}

						}
					});
}else if (id == 'car_sbdh') {
	$(target).datagrid(
			{
				//定义可折叠的详细试图
				//view : detailview,
				//数据源
				url : '../servlet/GetCarSbdh',
				//只能选择一列
				singleSelect : true,
				//排序的列
				//sortName : 'nickname',
				//排序的方式
				//sortOrder : 'desc',
				//显示行号
				rownumbers : true,
				//自适应列
				fitColumns : true,
				//每行的格式
				detailFormatter : function(index, row) {
					return '<div class="ddv" style="padding:5px 0"></div>';
				},
				//表头
				columns : [ [ {
					field : 'errpos',
					title : '错误代码位置',
					width : 20
				}, {
					field : 'dhlen',
					title : '车辆识别代号长度',
					width : 20,
					formatter: function(value,row,index){
						if(row.dhlen!=17){
							return '<font color="#FF0000">'+value+'</font>';
						}else{
							return value;
						}	
					}
				}, {
					field : 'hpzl',
					title : '号牌种类',
					width : 20
				}, {
					field : 'hphm',
					title : '号牌号码',
					width : 20
				}, {
					field : 'clsbdh',
					title : '车辆识别代号',
					width : 40,
					formatter: function(value,row,index){
						if(row.errpos!=0){
							return value.substr(0,row.errpos-1)+'<font color="#FF0000">'+value.charAt(row.errpos-1)+'</font>'+value.substr(row.errpos,value.length);
						}else{
							return value;
						}	
					}
				}, {
					field : 'gxsj',
					title : '更新时间',
					width : 40
				} ] ],
				onLoadError : function() {
					loadErr();
				},
				onLoadSuccess : function(data) {
				}
			});
	}

	}

	function openWindow() {
		var jczid =<%String id = (String) session.getAttribute("id");
			out.println("'" + id + "'");%>;
	    var date = (new Date());
	    var year = date.getFullYear();
	    var month = date.getMonth() + 1 + '';
	    var day = date.getDate();
	    var tt = (jczid.length == 1 ? ('0' + jczid) : jczid) + year + (month.length == 1 ? ('0' + month) : month) + day;
	    $('#window').window('open');
	    $("input[name='jylsh']")[0].value = tt;
	    $("input[name='hphm']")[0].value = '鲁M';
	}
</script>
</head>
<!--easyui主窗体-->
<body id="cc" class="easyui-layout">
	<!--easyui上部区域-->
	<div data-options="region:'north',border:false"
		style="height: 35px; background: #B3DFDA; padding: 10px">
		<div id="setting" style="position: absolute;">
			<table style="table-layout: fixed; width: 100%;">
				<tr>
					<td style="width: 88%;">自助服务平台</td>
					<td style="width: 4%;"><span style="color: #999">Themes:</span>
					</td>
					<td><select id="cb-theme" onChange="onChangeTheme(this.value)">
							<option value='default' selected>Default</option>
							<option value='black'>black</option>
							<option value='bootstrap'>bootstrap</option>
							<option value='cupertino'>cupertino</option>
							<option value='dark-hive'>dark-hive</option>
							<option value='gray'>Gray</option>
							<option value='metro'>Metro</option>
							<option value='metro-blue'>Metro Blue</option>
							<option value='metro-gray'>Metro Gray</option>
							<option value='metro-green'>Metro Green</option>
							<option value='metro-orange'>Metro Orange</option>
							<option value='metro-red'>Metro Red</option>
							<option value='pepper-grinder'>pepper-grinder</option>
							<option value='sunny'>sunny</option>
					</select></td>
				</tr>
			</table>
		</div>
	</div>
	<!--easyui左部区域-->
	<div id="systemmenu" data-options="region:'west',split:true,title:'菜单'"
		style="width: 150px; padding: 10px;">
		<!--easyui左部区域导航菜单-->
		<div id="aa" class="easyui-accordion" data-options="fit:true">
			<!--easyui左部区域导航菜单,未同步信息处理菜单-->
			<div title="未同步信息处理" data-options="selected:true"
				style="overflow: auto; padding: 10px; text-align: center;">
				<%
					if (role.equals("0")) {
						out.println("<h4 style=\"color:#0099FF\" onclick=\"addTab(this)\">请求完成未更新</h4>");
					}
				%>
				<h4 style="color: #0099FF" title="车辆查询失败处理" class="easyui-tooltip"
					onclick="addTab(this)">车辆信息查询</h4>
				<h4 style="color: #0099FF" title="综合平台审核无结果处理"
					class="easyui-tooltip" onclick="addTab(this)">综合平台审核</h4>
				<h4 style="color: #0099FF" title="缺少打印信息处理" class="easyui-tooltip"
					onclick="addTab(this)">车辆打印信息</h4>
				<h4 style="color: #0099FF" title="退办未完成和PDA无法退办"
					class="easyui-tooltip" onclick="addTab(this)">车辆流水退办</h4>
			</div>
			<!--easyui左部区域导航菜单,未归档信息提示菜单-->
			<div title="常见信息提示" style="padding: 10px;">
				<h4 style="color: #0099FF" title="当天须归档信息提示" class="easyui-tooltip"
					onclick="addTab(this)">须归档信息</h4>
				<h4 style="color: #0099FF" title="异常预警信息提示" class="easyui-tooltip"
					onclick="addTab(this)">异常预警信息</h4>
				<h4 style="color: #0099FF" title="新车识别代号错误提示" class="easyui-tooltip"
					onclick="addTab(this)">新车识别代号</h4>
				<%
					if (role.equals("0")) {//只有管理员才可以显示
						out.println(
								"<h4 style=\"color: #0099FF\" title=\"业务量相关统计\" class=\"easyui-tooltip\" onclick=\"addTab(this)\">业务量统计</h4>");
					}
				%>
			</div>
		</div>
	</div>
	<!--easyui右部区域-->
	<div data-options="region:'east',split:true,collapsed:true,title:'说明'"
		style="width: 100px; padding: 10px;">请确保在边界正常的情况下使用本系统。待处理数据太多时系统将限制数据处理，请联系管理员检查边界传输和代理服务器是否正常。对已处理数据将不再处理，如果依然不正常，请联系管理员检查边界传输和代理服务器是否正常。</div>
	<!--easyui下部区域-->
	<div data-options="region:'south',border:false"
		style="height: 30px; background: #A9FACD; padding: 8px; text-align: right;">支队科技
		version 1.0 联系电话:0543-3301214</div>
	<!--easyui中心区域-->
	<div data-options="region:'center',title:'内容'">
		<!--easyui中心区域的tab标签页-->
		<div id="tt" class="easyui-tabs"
			data-options="fit:true,showHeader:false"></div>
	</div>
	<!--treegrid添加菜单弹出窗口-->
	<div id="window" class="easyui-window" title="手工退办"
		data-options="modal:true,closed:true,minimizable:false,maximizable:false,iconCls:'icon-edit'"
		style="width: 300px; height: 200px; padding: 10px;">
		<div style="padding: 10px 0 10px 30px">
			<form id="ff" method="post">
				<table>
					<tr>
						<td>检验流水号:</td>
						<td><input class="easyui-validatebox" type="text"
							name="jylsh" data-options="missingMessage:'不能为空'"></input></td>
					</tr>
					<tr>
						<td>号牌种类:</td>
						<td><select name="hpzl">
								<option value=''></option>
								<option value=01>01:大型汽车</option>
								<option value=02>02:小型汽车</option>
								<option value=03>03:使馆汽车</option>
								<option value=04>04:领馆汽车</option>
								<option value=05>05:境外汽车</option>
								<option value=06>06:外籍汽车</option>
								<option value=07>07:普通摩托车</option>
								<option value=08>08:轻便摩托车</option>
								<option value=09>09:使馆摩托车</option>
								<option value=10>10:领馆摩托车</option>
								<option value=11>11:境外摩托车</option>
								<option value=12>12:外籍摩托车</option>
								<option value=13>13:低速车</option>
								<option value=14>14:拖拉机</option>
								<option value=15>15:挂车</option>
								<option value=16>16:教练汽车</option>
								<option value=17>17:教练摩托车</option>
								<option value=18>18:试验汽车</option>
								<option value=19>19:试验摩托车</option>
								<option value=20>20:临时入境汽车</option>
								<option value=21>21:临时入境摩托车</option>
								<option value=22>22:临时行驶车</option>
								<option value=23>23:警用汽车</option>
								<option value=24>24:警用摩托</option>
								<option value=25>25:原农机号牌</option>
								<option value=26>26:香港入出境车</option>
								<option value=27>27:澳门入出境车</option>
						</select></td>
					</tr>
					<tr>
						<td>号牌号码:</td>
						<td><input class="easyui-validatebox" type="text" name="hphm"
							data-options="missingMessage:'不能为空'"></input></td>
					</tr>
				</table>
			</form>
		</div>
		<div style="text-align: center; padding: 5px">
			<a href="javascript:void(0)" class="easyui-linkbutton"
				onclick="submitForm()">确定</a> <a href="javascript:void(0)"
				class="easyui-linkbutton" onclick="cancleForm()">取消</a>
		</div>
	</div>
</body>
</html>